<template>
    <div class="innerpage">
        <div id="wrapper" class="inner_style">
			<!--<h2 class="int_title clearfix"><span class="int_pic"><img src="@/assets/images/jifen/left.png"/></span>积分商城</h2>-->
			<div class="int_title"><span class="int_pic"><a @click="goback" href="javascript:;"><img src="@/assets/images/jifen/left.png"/></a></span>积分商城</div>
            <div class="secskill-content inner_pages topline">
                <ul class="swiper-wrapper inner_nav">
                    <li class="swiper-slide inner_con inner_con_style">
                        电子数码
                        <span class="inner_border_con" style="display: block;"></span>
                    </li>
                    <li class="swiper-slide inner_con">
                        生活家电
                        <span class="inner_border_con"></span>
                    </li>
                    <li class="swiper-slide inner_con">
                        美容护肤
                        <span class="inner_border_con"></span>
                    </li>
                    <li class="swiper-slide inner_con">
                        居家必备
                        <span class="inner_border_con"></span>
                    </li>
                    <li class="swiper-slide inner_con">
                        居家必备
                        <span class="inner_border_con"></span>
                    </li>
                    <li class="swiper-slide inner_con">
                        居家必备
                        <span class="inner_border_con"></span>
                    </li>	
                    <li class="swiper-slide inner_con">
                        美容护肤
                        <span class="inner_border_con"></span>
                    </li>
                    <li class="swiper-slide inner_con">
                        美容护肤
                        <span class="inner_border_con"></span>
                    </li>
                    <li class="swiper-slide inner_con">
                        美容护肤
                        <span class="inner_border_con"></span>
                    </li>
                    <li class="swiper-slide inner_con">
                        美容护肤
                        <span class="inner_border_con"></span>
                    </li>
                    <li class="swiper-slide inner_con">
                        生活家电
                        <span class="inner_border_con"></span>
                    </li>
                    <li class="swiper-slide inner_con">
                        美容护肤
                        <span class="inner_border_con"></span>
                    </li>
                    <li class="swiper-slide inner_con">
                        居家必备
                        <span class="inner_border_con"></span>
                    </li>
                    <li class="swiper-slide inner_con">
                        居家必备
                        <span class="inner_border_con"></span>
                    </li>
                </ul>
            </div>
            <!--生日专区 end-->
            <main>
                <div class="best_Sellers best_top clearfix">
                    <ul style="display: block;" class="clearfix best_content">
                        <router-link v-for="(item,index) of list" :key="index" :to="{name:'detail',params:{id:item._id}}">
                            <li class="border_right fl">
                                <img :src= "item.img"/>
                                <!-- <img src="../assets/images/jifen/sp3.png"/> -->
                                <span>{{item.name}}</span><br/>
                                <span class="int_color">{{item.score}}积分</span>
                            </li>
                        </router-link>
                    </ul>
                    <ul class="clearfix best_content">
                        <a href="Details_zoom.html">
                            <li class="border_right fl">
                                <img src="@/assets/images/jifen/sp2.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="fl">
                                <img src="@/assets/images/jifen/sp2.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="border_right fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="border_right fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="border_right fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                    </ul>
                    <ul class="clearfix best_content">
                        <a href="Details_zoom.html">
                            <li class="border_right fl">
                                <img src="@/assets/images/jifen/sp2.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="fl">
                                <img src="@/assets/images/jifen/sp2.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="border_right fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="border_right fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="border_right fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                    </ul>
                    <ul class="clearfix best_content">
                        <a href="Details_zoom.html">
                            <li class="border_right fl">
                                <img src="@/assets/images/jifen/sp2.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="fl">
                                <img src="@/assets/images/jifen/sp2.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="border_right fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="border_right fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="border_right fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                    </ul>
                    <ul class="clearfix best_content">
                        <a href="Details_zoom.html">
                            <li class="border_right fl">
                                <img src="@/assets/images/jifen/sp2.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="fl">
                                <img src="@/assets/images/jifen/sp2.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="border_right fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="border_right fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="border_right fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                    </ul>
                    <ul class="clearfix best_content">
                        <a href="Details_zoom.html">
                            <li class="border_right fl">
                                <img src="@/assets/images/jifen/sp2.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="fl">
                                <img src="@/assets/images/jifen/sp2.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="border_right fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="border_right fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="border_right fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                        <a href="Details_zoom.html">
                            <li class="fl">
                                <img src="@/assets/images/jifen/sp.png" />
                                <span>迷你智能电饭煲HYFG-1016</span>
                                <span class="int_color">86.0积分</span>
                            </li>
                        </a>
                    </ul>
                </div>
                <p class="notice">没有更多商品了！</p>
            </main>
        </div>
		<div id="back_top">
			<a href="#"><img src="images/xqq/the_top.png" /></a>
		</div>
    </div>
</template>
<script>
import axios from 'axios';
export default {
    data(){
        return{
            list:[]
        }
    },
    methods:{
        goback(){
            this.$router.go(-1);
        }
    },
    mounted(){
        axios({
            url:'/data/InnerPage.json'
        }).then(res=>{
            // console.log(res.data);
            // console.log(this);
            this.list = res.data;
            // for(var i = 0;i<res.data.length;i++){
            //     this.list[i].img = require(res.data[i].img);
            // }
            // this.list.img = require(res.data.img);
            // console.log(this.list);
        }) 
    }
}
</script>